﻿<%@ page language="C#" autoeventwireup="true" inherits="_school_J1_TeacherDir, App_Web_j1_teacherdir.aspx.cc418459" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head id="Head1" runat="server">
    <title>资源目录</title>

    <script src="../window/jquery/jquery.min.js" language="javascript" type="text/javascript"></script>

    <script src="../window/cookie/jquery.cookie.js" language="javascript" type="text/javascript"></script>

    <script src="../window/jquery.treeview/jquery.treeview.js" language="javascript"
        type="text/javascript"></script>

    <script src="../window/jquery.treeview/jquery.treeview.edit.js" language="javascript"
        type="text/javascript"></script>

    <script src="../window/jquery.treeview/tree_user_async.js" language="javascript"
        type="text/javascript"></script>
    <link href="../window/_css/jquery-ui.custom.css" rel="stylesheet" type="text/css" />
    <link href="../window/jquery.treeview/folder.css" rel="stylesheet" type="text/css" />

    <script type="text/javascript" language="javascript">
     var pResizeTimer=null;
     $(function(){
        setSize();
        initTree()
        $(window).resize(function(){
            if(pResizeTimer) clearTimeout(pResizeTimer);
            pResizeTimer= setTimeout("setSize()", 100);
        });
     
        $("#refresh").click(function(){
            $("#browser").empty();
            initTree();
        });
     });
     function initTree(){
        $("#browser").treeview({
            animated: "medium",
            url: "../Handler/TeacherTreeDir_handler.ashx?type=school&school=<%=schoolid %>&date="+new Date
        });
     }
     function setSize(){
        var h= $(window).height();
        $("#tp").height(h);
     }
     var currentSelect = null;
     function openframe(obj,url){
     
        if(currentSelect!=null)
            currentSelect.removeClass("select");
        if(obj!=null){
            currentSelect = $(obj);
            $(currentSelect).addClass('select');
        }
        
        var pt = url.indexOf("?")>0?"&":"?";
        $("#operframe").get(0).src=url+pt+"d="+new Date;
     }
    
    </script>

    <style>
    .select{
        background-color:#BBD9EE;
    }
    a {
	color: #555;
	    text-decoration:none;
    }
    a:hover {
	    color: #0099CC;
    }
    body{
        font-size:12px;
    }
    .root{
    border-color: #FFFFFF #BEC6CE #BEC6CE #FFFFFF;
    border-style: solid;
    border-width: 1px 2px 2px 1px;
    cursor: pointer;
    display: inline;
    font-weight: normal;
    line-height: 24px;
    margin: 1px 3px 0 0;
    outline: medium none;
    padding: 4px;
    text-decoration: none;
    background: none repeat scroll 0 0 #6F777A;
    color: #FFFFFF;
    font-weight: 700;
    }
    </style>
</head>
<body style="padding: 0px; margin: 0px;">
    <form id="form1" runat="server">
        <table id="tp" width="100%" border="0" style="border-color: gray;">
            <tr>
                <td width="200px" valign="top"  style="background: #F2F5F7;">
                    <div class="ui-dialog ui-widget ui-widget-content ui-corner-all  ui-draggable ui-resizable "
                        style=" width: 200px">
                        <div class="ui-dialog-titlebar ui-widget-header ui-corner-all ui-helper-clearfix"
                            style="cursor: auto">
                            <span class="ui-dialog-title" id="ui-dialog-title-insertPanel">教师档案</span>&nbsp;
                        </div>
                        <div style="width: auto; height:1000px; min-height: 0px;" class="ui-dialog-content ui-widget-content">
                            <div>
                                |[<a id="refresh" href="javascript:void(0)">刷新</a>]
                            </div>
                            <span class="root">教师列表</span>
                           
                                <ul id="browser" class="filetree treeview" >
                                
                                </ul>
                        
                        </div>
                    </div>
                </td>
                <td valign="top">
                    <div id="operation">
                        <iframe id="operframe" width="99.6%" height='1000px' frameborder="0" ></iframe>
                    </div>
                </td>
            </tr>
        </table>
    </form>
</body>
</html>
